﻿Ext.application({
    requests: '*',
    name: 'AM',
    appFolder: 'app',

    launch: function(){
        Ext.create('Ext.Viewport', {
            layout: 'border',
            title: 'Ext Layout Browser',
            items: [{
                xtype: 'box',
                id: 'header',
                region: 'north',
                html: '<h1> RQFUND</h1>',
                height: 30
            },{
                layout: 'border',
                id: 'layout-browser',
                region:'west',
                border: false,
                split:true,
                margins: '2 0 5 5',
                width: 290,
                minSize: 100,
                maxSize: 500
            },
             {
                id: 'content-panel',
                region: 'center', // this is what makes this panel into a region within the containing layout
                layout: 'card',
                margins: '2 5 5 0',
                activeItem: 0,
                border: false
            }
            ],
            renderTo: Ext.getBody()
        });
    }
});